- 综合排序
- 最热优先
- 最新优先
- 来自专栏云前端
Chrome Extension
严格来讲，我们正在说的东西应该叫Chrome扩展(Chrome Extension) 什么叫Chrome插件 Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件，它其实就是一个由HTML、 然后: chrome-extension://<插件ID>/插件入口html文件 such as: chrome-extension://abpkdgpklogmegpnglebckniebimhfll 然后找到extension目录 打包 当您为扩展程序打包时，扩展程序将获得唯一的密钥对，扩展程序的标识符基于公钥的散列，私有密钥用来为每一个版本的扩展程序签名，必须严格保护，不能由公众访问。 命令行中打包 chrome.exe --pack-extension=C:\myext --pack-extension-key=C:\myext.pem 命令chrome.exe（在 Linux 或 Mac OS X 上为 chrome） --pack-extension 指定扩展程序所在文件夹的位置 --pack-extension-key 指定扩展程序私有密钥文件的位置 压缩包 windows:
3.9K30发布于 2020-06-15 - 来自专栏sofu456
chrome extension develop
基本文件 manifest.json { "manifest_version": 2, "name": "One-click Kittens", "description": "This extension extension APIs are asynchronous. chrome.storage.sync.set(items); } // This extension loads the saved background color for the current Also, using chrome.storage.sync instead of // chrome.storage.local allows the extension data to be 调试 打开extension调试模式，加载文件目录，在chrome extension按钮出现后，右键inspect popup，添加调试断点，F5进入断点 chrome资料 https://crxdoc-zh.appspot.com
1.1K10发布于 2019-08-29 - 来自专栏子曰五溪
Chrome Extension 通信机制
最近这一段时间有些小忙，在做一款很有意思的Chrome Extension，在“创造”的过程中，对于Chrome Extension的机制有了很深入的了解，知道了很多它很有趣的事情，不过这篇文章主要是讲解一下关于其 最简单的理解就是：“popup和options是有界面的，background属于无界面的，content_script属于可注入在网页中的脚本”，基本上这些内容涵盖了Chrome Extension chrome.runtime.onMessage.addListener((request, sender, sendResponse) => { // request 问的人发过来的消息 // sendResponse 将答发给问的人 }) // 问的人 chrome.runtime.sendMessage({}, (response) => { // // 被动连接方 chrome.runtime.onConnect.addListener((port) => { switch (port.name) {
1.8K60发布于 2019-06-24 - 来自专栏FunTester
Chrome Extension 消息传递
在之前的 Chrome Extension 开发的初探文章当中，我对 消息传递 的认识还比较浅，最近又双叒叕学到了一点点这方便的新知识，也在一次又一次的功能实践当中也体会到了消息传递在实用当中重要性。 // 向指定 ID 的扩展发送消息 chrome.runtime.sendMessage('TARGET_EXTENSION_ID', { action: 'someAction', data: 'Hello from extension A' }); 接收消息 目标扩展需要在其后台脚本或其他组件中监听消息，并作出相应的处理。 // 扩展 A 中建立连接 const port = chrome.runtime.connect('TARGET_EXTENSION_ID', { name: 'extensionA-to-B' }) { "manifest_version": 3, "name": "Extension B", "version": "1.0", "permissions": [ "identity
90510编辑于 2025-01-23 - 来自专栏子曰五溪
《Chrome Extension 入门指南》
作为 Google Chrome 生态的一部分，Extension 是可以修改或增强 Chrome 浏览器功能的小程序，开发者可以利用各种Web技术，提供各种有趣的功能。 截至目前为止（2018/08/10），Chrome 的全球下载安装量稳居第一，其 Chrome Web Store 中的 Extension 更是海量，这极大的稳固了 Chrome 在全球市场上的地位， 平时我们会用到各式各样的 Extension ，如：纸壁（每天将 Chrome 启动界面换一张风景优美的图片），tabs管理器（将tab合并后管理），数字货币钱包（ETH钱包），这些 Extension Gitbook：https://welearnmore.gitbook.io/chrome-extension-book/ Github：https://github.com/welearnmore/chrome-extension-book Extension 特性机制 快速的开发一个 Chrome Extension 熟悉 Chrome Extension 上线流程 适宜人群 具备 HTML，CSS，JavaScript 一定基础知识的开发人员
1K10发布于 2019-06-24 - 来自专栏FunTester
Chrome Extension 定时任务
刚开始接触 Chrome Extension 开发时，我以为实现定时任务只需要简单调用 setInterval 就行，没想到这个看似简单的功能让我踩了不少坑。 今天我们就来聊聊如何在 Chrome Extension 中优雅地实现定时任务，既要保证准时执行，又要确保稳定可靠。 从常驻后台到按需唤醒 早期的 Chrome Extension 允许后台脚本常驻内存，使用 setInterval 实现定时任务确实很简单。 避免依赖内存状态，重要数据应该持久化存储 Chrome Extension 的后台脚本可能会因为浏览器重启或其他原因被销毁，因此不能依赖内存中的状态。 通过合理设计和优化，Chrome Extension 的定时任务不仅可以满足时间触发的需求，还能在合适的时机高效执行，为用户提供更优质的使用体验。
1.3K00编辑于 2025-04-13 - 来自专栏用户9379187的专栏
使用Svelte开发Chrome Extension
因此萌生了开发一个二维码Chrome Extension的想法(＠￣ー￣＠)。 Extension之旅。 二、创建&开发 2.1 项目创建 2.1.1 项目初始化 使用Svelte Kit新建项目npm`` init svelte@next qrcode-extension ，目录结构如下： src： 因此在项目的静态资源文件目录中添加manifest.json文件： { "name": "QrCode", "description": "A simple qrcode extension powered 中添加chrome类型。
1.1K20编辑于 2022-05-28 - 来自专栏偏前端工程师的驿站
Chrome Extension in CLJS —— 搭建开发环境
前言 磨刀不误砍柴工，本篇将介绍如何搭建Chrome插件的ClojureScript开发环境。 开发时最多就是将optimizations设置为simple，这时标识符并没有被压缩，所以如chrome.runtime.onMessage.addListener等外部定义标识符依然是原装的。 示例：chrome的extern文件chrome.js片段 /** * @constructor */ function MessageSender(){} /** @type {! 和chrome_extensions.js下载到项目中的externs目录下 2.配置project.clj文件 :compiler {:externs ["externs/chrome.js" "externs perfect-clojurescript-development-environment-with-vim/ https://github.com/emezeske/lein-cljsbuild https://nvbn.github.io/2014/12/07/chrome-extension-clojurescript
2.5K60发布于 2018-01-18 - 来自专栏偏前端工程师的驿站
Chrome Extension in CLJS —— 搭建开发环境
前言 磨刀不误砍柴工，本篇将介绍如何搭建Chrome插件的ClojureScript开发环境。 开发时最多就是将optimizations设置为simple，这时标识符并没有被压缩，所以如chrome.runtime.onMessage.addListener等外部定义标识符依然是原装的。 示例：chrome的extern文件chrome.js片段 /** * @constructor */ function MessageSender(){} /** @type {! 和chrome_extensions.js下载到项目中的externs目录下 2.配置project.clj文件 :compiler {:externs ["externs/chrome.js" "externs perfect-clojurescript-development-environment-with-vim/ https://github.com/emezeske/lein-cljsbuild https://nvbn.github.io/2014/12/07/chrome-extension-clojurescript
2.1K20发布于 2018-07-11 - 来自专栏web技术开发分享
vite-plugin-chrome-extension（Vue版本）
由于mv2在2023年1月份就要被chrome浏览器全面抛弃 我们的插件的vue独立引入写法也无法支持支持了 原因参考之前写文章：chrome插件 manifest 2 to 3 所以大趋势之下，我们需要脚手架的帮助来升级 mv3 还好的是别人已经开源了相关的库- vite-plugin-chrome-extension 这个库提供了很多可支持的写法（vue,react,ts,js） 以及其它相关的一些UI的引用 先以搭建 "rollup-plugin-probe": "0.0.3", "typescript": "^4.1.3", "vite": "^2.1.5", "vite-plugin-chrome-extension "build:watch": "nodemon --watch src --exec npm run build --ext \"ts,vue\"", 基础工作完成之后，直接去vite-plugin-chrome-extension
1.2K10编辑于 2022-08-11 - 来自专栏蔻丁杂记
Chrome Extension Develop, i18n
MSG_ext_name__", "description": "__MSG_ext_desc__", "homepage_url": "https://github.com/JasonGrass/auto-extension-manager ", "default_locale": "en",} 2 message.json 文件格式 Chrome Extension Localization message formats - Chrome 试用 Google Chrome Beta 版的新功能 - Google Chrome 可以通过给 chrome 建立一个不同的快捷方式 chrome.exe --lang=en 来切换语言，如： 4 Chrome Extension Language Helper（Chrome 扩展开发多语言辅助工具） 参考文章 【干货】Chrome插件(扩展)开发全攻略-好记的博客 原文链接: https://blog.jgrass.cc /posts/chrome-extension-dev-i18n/ 本作品采用 「署名 4.0 国际」 许可协议进行许可，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接。
24600编辑于 2024-12-25 - 来自专栏FunTester
Chrome Extension 开发中的 Tab 操作与实践
之前分享了一些关于 Chrome Extension 开发的内容，越来越发现跟测试开发、工具开发有着非常玄妙的关系。 很多功能小工具都可以简单移植到 Chrome Extension 上，既能直达用户，又能节省前端开发成本，何乐而不为。 所以打算把 Chrome Extension 作为一个方向，打算深入学习，并如实记录。 今天我们从 Tabs 操作的开始，一点点揭开 Chrome Extension 的面纱。 Tabs API 简介 在 Chrome Extension 的开发中，Tabs API 是专门用于处理浏览器标签页的接口。 结语 Tabs API 是 Chrome Extension 开发中的重要组成部分，掌握这一工具不仅可以帮助你更好地操作和管理标签页，还可以为用户带来更加个性化、自动化的浏览体验。
87010编辑于 2025-01-23 - 来自专栏FunTester
Chrome Extension 历史记录、下载记录和存储管理
chrome.history.getVisits 获取指定 URL 的访问记录详情，包括访问时间、来源等。 chrome.history.deleteUrl：删除指定 URL 的历史记录。 chrome.history.deleteRange：删除指定时间范围内的历史记录。 API，例如 chrome.tabs.onUpdated，间接获取用户浏览行为： chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) chrome.storage.local.set({ key: 'value' }, function() { console.log('数据已存储至本地'); }); 跨设备同步:chrome.storage.sync chrome.history.deleteUrl({url: page.url}, function () { if (chrome.runtime.lastError
70010编辑于 2025-01-23 - 来自专栏《三桥君 | AI产品方法论》
【三桥君】解决AXURE RP EXTENSION FOR CHROME的快捷方法
找到生成的HTML文件夹中的“axure - chrome - extension.crx”文件 在Axure RP生成的HTML文件夹中，通常会包含一个名为“axure - chrome - extension.crx 这个文件是Axure RP的Chrome浏览器扩展程序。 2. 修改文件扩展名为.rar 由于Chrome浏览器无法直接加载.crx文件，你需要将其扩展名修改为.rar。 在Chrome浏览器中加载已解压的扩展程序 打开Chrome浏览器，进入“扩展程序”页面，点击“加载已解压的扩展程序”，然后选择你刚刚解压的文件夹。 （https://pan.quark.cn/s/36b8a7b281a6） 解压并加载扩展程序 下载完成后，解压缩文件，然后按照第一种方法中的步骤，在Chrome浏览器中加载已解压的扩展程序。
4K10编辑于 2025-08-28 - 来自专栏正则
share extension
创建一个 share extension 默认继承 SLComposeViewController 则弹跳框也是固定死的 如果要diy 请继承uiviewcontroller 可以在storyboard info App Transport Security Settings 使可访问http 最好在target里的info改 直接在plist改会报错 修改displayname 必须改的 增加extension 共享 在capabilities 开启app group 选择group 在host app里同样开启app group 选择同一个group 在host app里的 info里 加入share extension 的identifier and url schemes extension修改build settings里deployment－iOS deployment target ＝iOS 8.0+ 修改共享target需要调用到的model 等的target membership 勾上 使其可以访问 网上找一下demo preprocessor.js 非必需 代码如下 导入到share extension
1.2K30发布于 2021-05-11 - 来自专栏iOS逆向与安全
iOS App Extension ：【App Extension类型、生命周期、通信、App Extension案例】
原文： https://kunnan.blog.csdn.net/article/details/86625994 扩展 (Extension) 是 iOS 8 和 OSX 10.10 加入的一个非常大的功能点 ，开发者可以通过系统提供给我们的扩展接入点 (Extension point) 来为系统特定的服务提供某些附加的功能。 在这里插入图片描述 I、 App Extension 1.1 App Extension类型 对于 iOS 来说，可以使用的扩展接入点有以下几个： NotificationServiceExtension
2.4K10发布于 2021-03-24 - 来自专栏海加尔金鹰的专栏
AXURE RP EXTENSION For Chrome下载安装，程序包无效：“CRX_HEADER_INVALID”
Chrome 无法打开原型图 提示需要下载AXURE RP EXTENSION For Chrome 这个插件 百度网盘链接: https://pan.baidu.com/s/1Dvq0q1leKUpXwVQyyrAbtA ---- 标题：AXURE RP EXTENSION For Chrome下载安装，程序包无效：“CRX_HEADER_INVALID” 作者：海加尔金鹰 地址：https://www.hjljy.cn
2.2K10发布于 2020-06-09 - 来自专栏szhshp 的第四边境中转站
VSC Extension Development-Create A Code Formatter Extension
Official Guide Example 1 Here we will talk about: activate , deactivate event and the lifecycle of a extension /extension.js", "contributes": { "commands": [ { "command": "extension.nurselisa.format let disposable = vscode.commands.registerTextEditorCommand('extension.nurselisa.format', (editor, edit command 'extension.useMyExtension.commandA' not found Check if ALL your events are registered here ", "onCommand:extension.useMyExtension.commandB" ] …… }
57130编辑于 2022-09-21 - 来自专栏iOS 技术分享
OC - Category 和 Extension
Extension 扩展 2.1 Extension 是什么？ 2.2 Extension 一般用来做什么？ 2.3 Extension 的特点以及 Extension 与 Category 的区别 3. 相关面试题 1. Extension 扩展 2.1 Extension 是什么？ ① Extension 有一种说法叫“匿名分类”，因为它很像分类，但没有分类名。严格来说要叫类扩展。 2.2 Extension 一般用来做什么？ ① 声明私有属性 ② 声明私有方法 ③ 声明私有成员变量 2.3 Extension 的特点以及 Extension 与 Category 的区别 ① 编译时决议（在编译的时候就将扩展的所有数据都合并到类中去了
1.6K10发布于 2020-04-16 - 来自专栏ADAS性能优化
Arm Memory Tagging Extension
When the hardware and operating system support the ARM Memory Tagging Extension, tag primary allocation
2.2K10编辑于 2022-05-13
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号